button {
  margin-bottom: 15px;
}
button:last-child {
  margin-bottom: 0;
}
.page-section-title {
  padding: 0;
}
.swiper-item {
  display: flex;
  height: 150px;
  justify-content: center;
  align-items: center;
  color: white;
}
.page-section-title {
  margin-top: 30px;
  position: relative;
}
.info {
  position: absolute;
  right: 0;
  color: #353535;
  font-size: 15px;
}
.page-foot {
  margin-top: 25px;
}

.control-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}

.slider-outer {
  padding: 10px;
}

.demo-text-1 {
  background-color: rgba(255, 36, 65);
}

.demo-text-2 {
  background-color: rgba(255, 36, 65, 0.7);
}

.demo-text-3 {
  background-color: rgba(255, 36, 65, 0.5);
}
.goods-list{
  list-style: none; /* 移除列表项的默认标记 */
  padding: 0; /* 移除默认的内边距 */
  display: flex; /* 使用flex布局 */
  flex-wrap: wrap; /* 允许换行 */
  justify-content: space-between; /* 使元素在主轴上均匀分布 */
  margin: 10px;
}
.goods-image{
  width: 100%;
  height: 200px;
  object-fit: cover; /* 保持宽高比，覆盖容器 */
}
.goods-item{
  flex: 0 1 49%; /* 可以看作是flex-grow, flex-shrink, flex-basis */
  box-sizing: border-box; /* 边框计算在宽度内 */
  margin: 1% 0; /* 外边距，顶部和底部 */
  background-color: #fff;
  margin-bottom: 20px;
  padding-bottom: 0;
  width: 50%;
  border-radius: 4px;
  overflow: hidden;
}
.goods-name{
  font-weight: 600;
  margin: 10px;
  min-height: 40px;
}
.goods-pic{
  font-size: 16px;
  margin: 0 10px 10px 10px;
  color: #ff2442;
}
.goods-button{
  text-align: center;
  background-color: #ff2442;
  color: #fff;
  font-size: 15px;
  height: 35px;
  line-height: 35px;
}

.search {
    width: 100%;
    position: relative;
    padding: 0;
    z-index: 1;
    top: 0;
}

.search-box {
    position: relative;
    display: flex;
    height: 44px;
    font-size: .14rem;
    color: #ccc;
    /* border-radius: 100px; */
    background-color: #fff;
    align-items: center;
}

.search-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 200%;
    height: 200%;
    border: 1px solid #e6e6e6;
    border-radius: 100px;
    transform: scale(.5);
    transform-origin: 0 0;
    pointer-events: none;
}
.search-icon {
    width: .18rem;
    height: .18rem;
    margin: 0 .08rem 0 .24rem;
    background: url(https://b.bdstatic.com/searchbox/icms/searchbox/img/search.png) no-repeat center;
    background-size: contain;
}

.search-icon image {
    width: 100%;
    height: 100%;
}
.scroll-view {
  height: 100vh;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.activity-name{
  margin: 20px 10px 10px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.activity-name i{
  display: block;
  width: 4px;
  height: 14px;
  background-color: #ff2442;
  margin-right: 10px;
}
.goods-name-height{
  height: 10.2rem!important;
}